@charset "UTF-8";

// 全局自动引入，组件不应引入该文件。
// 这里面是一些全局使用的CSS样式
// 虽然webpack的css优化插件可以去重，但是我们不应依赖它，而在于开发的时候尽量避免产生重复代码
@import "index";
@import "animation";

.bottom-thin {
  @extend %bottom-thin;
}

.top-thin {
  @extend %top-thin;
}

.left-thin {
  @extend %left-thin;
}

.right-thin {
  @extend %right-thin;
}

.viewport {
  @extend %viewport;
}

.viewport-major {
  @extend %viewport-basic;
  top: 0;
  bottom: $height-nav;
}

.bg-gray {
  background-color: $bg-gray;
}

.bar-bottom-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: $height-nav;
  z-index: 4;
  background-color: white;
  @extend %top-thin;
  @extend %flex-justify;
}

body {
  overflow: hidden;
  color: $color-body;
}

p {
  margin: 0;
}

input {
  color: $color-body;
}

.color-info {
  color: $color-info;
}

.color-primary {
  color: $color-primary;
}

.color-warning {
  color: $color-warning;
}

.color-favorite {
  color: $color-favorite;
}

.flex-center {
  @extend %flex-center;
}
